{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
{#    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"商家中心",back:1} %}#}
    <div class="pos-r" style="height: 50vw;background-size: cover;"
         :style="'background-image: url(\''+ picUrl(shop.head) +'\')'">
        <div class="pos-a l5 t5 r0 fs14" @click="goback()">
            <div class="flrc wh10-10 bca03 round c13">
                <div class="pad10"><span class="fa fa-angle-left"></span></div>
            </div>
        </div>


        <div class="pos-a b0 l0 r0 bca05 c13 pad5">
            <div class="flrc">
                <div class="wh15-15 round">
                     <img class="wh15-15 round bdso bdw3 bdc13" :src="picUrl(shop.logo)" alt="" onerror="this.src=pic404">
                </div>
                <div class="flex1 padl5">
                    <div>[[shop.name]]</div>
                    <div class="op7 fs8">[[shop.openStr]]</div>
                </div>
                <div class="wh15-15 round bca01 flcc">
                    <mu-button @click="goto('shopIndex',{id:shop.id})" icon large><mu-icon value="home"></mu-icon></mu-button>
                </div>
            </div>
        </div>
    </div>
    <div class=" bdtso bdc13 bdw10 fs9">
        <div class="flrc flex-wrap tac lh2 fs8 c12 mart10">
            <div class="flcc flex1">
                <div class="fs14 c11">[[data.products]]</div>
                <div>服务</div>
            </div>
            <div class="flcc flex1">
                <div class="fs14 c11">[[data.orders]]</div>
                <div>订单</div>
            </div>
            <div class="flcc flex1">
                <div class="fs14 c11">[[data.incomes]]</div>
                <div>收入</div>
            </div>
        </div>
    </div>
    <div class=" bdtso bdc13 bdw10 fs9 lh15 c12">
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1"><mu-ripple @click="goto('myShopOrder')">订单管理</mu-ripple></div>
            <div class="fa fa-angle-right"></div>

        </div>
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1"><mu-ripple @click="goto('myService')">服务管理</mu-ripple></div>
            <div class="fa fa-angle-right"></div>

        </div>
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1"><mu-ripple @click="goto('shopInfo')">信息修改</mu-ripple></div>
            <div class="fa fa-angle-right"></div>

        </div>
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1"><mu-ripple @click="goto('userCertificate')">个人商家认证</mu-ripple></div>
            <div class="fa fa-angle-right"></div>
        </div>
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1"><mu-ripple @click="goto('shopAuth')">企业商家认证</mu-ripple></div>
            <div class="fa fa-angle-right"></div>
        </div>
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1"><mu-ripple @click="goto('shopInsureMoney')">诚信保证金</mu-ripple></div>
            <div class="fa fa-angle-right"></div>
        </div>
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1"><mu-ripple @click="goto('shopCat')">行业设置</mu-ripple></div>
            <div class="fa fa-angle-right"></div>
        </div>
        <div class="flrc pad8 pos-r marl10 marr5 bdbda">
            <div class="flex1">商家专线</div>
            <div><mu-ripple @click="call()">[[phone]]</mu-ripple></div>
            {#<div class="fa fa-angle-right"></div>#}
        </div>
    </div>


{% endblock %}
